<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>寻找杨超越原型</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <div id="mask">预加载杨超越图片......</div>
    <div id="wrap">

        <div class="title"><span id="timer">倒计时</span>&nbsp;&nbsp;||&nbsp;&nbsp;
            <span id="successTime">得分</span></div>
        
        <div class="rank">排行榜
            <ol>
                <li>李老八 斗之气9段</li>
                <li>萧薰儿 斗之气9段</li>
                <li>冯二马 斗之气8段</li>
            </ol>
        </div>
        <!-- 九宫格图片 -->
        <div class="imgContainer">

            <div class="img">
                <img src="" alt="" id="7">
            </div>
            <div class="img">
                <img src="" alt="" id="8">
            </div>
            <div class="img">
                <img src="" alt="" id="9">
            </div>
            <div class="img">
                <img src="" alt="" id="4">
            </div>
            <div class="img">
                <img src="" alt="" id="5">
            </div>
            <div class="img">
                <img src="" alt="" id="6">
            </div>
            <div class="img">
                <img src="" alt="" id="1">
            </div>
            <div class="img">
                <img src="" alt="" id="2">
            </div>
            <div class="img">
                <img src="" alt="" id="3">
            </div>
        </div>
        <div id="inputValue">当前输入值:</div>
        <div id="button">开始游戏
        </div>
        <hr>
        <pre class="desc">
            游戏说明: 1.九宫格图片对应小键盘数字 2.依据图片内容是否为杨超越,录入数字并按空格键结束 3.结果为一分钟内准确录入数字次数
            比    如: 9张图片全为杨超越，那么那件按键顺序必须为 '123456789+空格' ,通过检核后会得一分并刷新图片
        </pre>
    </div>
</body>

</html>